לעשות טאבים בקלות עם Jquery ללא JqueryUI

<a name="tab1" class="tabs_title">tab1 title</a>
           <a name="tab2" class="tabs_title">tab2 title</a>

<div id="all_tabs">
                      <div id="tabs1">
                        content 1
                      </div>
                      <div id="tab2">
                        content 2
                      </div>
            </div>

<script>
                       // hide everything that is not your first tab
      $('#all_tabs > div[id!="tab1"]').hide();
                       $('.tabs_title').click(function(){
                           var tn = $(this).attr("name");
                           
      //hide all the tabs that i didnt clicked
                           $('#all_tabs > div[id!="'+ tn  +'"]').hide();
 
                           
                           $('#' + tn).show();
                       });
                  </script>